@include 'lionbars.css';

*{
	text-decoration:none;
	list-style:none;
	margin:0;
	padding:0;
}
html,body{
	height: 100%;
}

body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:62.5%;
}
#geral{
	height: 100%;
}

#topo{
	background-image:-webkit-linear-gradient(left, #26a2e4, #0f435e);
	height:40px;
}
#topo span#data-atual{
	float:right;
	color:#fff;
	padding:12px 10px 10px 30px;
	background:url(../imgs/icones-app.png) -10px -55px no-repeat;
}

#barra{
	background-color: #f5f5f5;
	border-bottom:2px solid #e5e5e5;
}
	#barra #navegador-principal a{
		display:inline-block;
		color:#333;
		font-size:14px;
		font-weight:bold;
		padding: 14px 15px 14px 40px;
		-webkit-transition:all 0.3s ease-in;	
	}
	#barra #navegador-principal a.backlogs{
		background:url(../imgs/icones-nav.png) 10px 10px no-repeat;
	}
	#barra #navegador-principal a.sprints{
		background:url(../imgs/icones-nav.png) 10px -45px no-repeat;
	}
	#barra #navegador-principal a.recursos{
		background:url(../imgs/icones-nav.png) 10px -105px no-repeat;
	}
	#barra #navegador-principal a.config{
		background:url(../imgs/icones-nav.png) 10px -160px no-repeat;
	}
	#barra #navegador-principal a:hover{
		background-color:#e5e5e5;
	}

#centro{
	min-height: 500px;
	overflow: hidden;
}
#centro #submenu{
	float:left;
	width:260px;
}
	#centro #submenu ul{
		margin:10px 3px;
		font-size:12px;
	}
		#centro #submenu ul li{
			
		}
		#centro #submenu ul li.titulo{
			color:#fff;
			background:#3e7491 url(../imgs/icones-p-b.png) 16px 4px no-repeat;
			padding:6px 0 6px 50px;
			margin-bottom:4px;
			font-weight:bold;
		}
		#centro #submenu ul li{
		}
			#centro #submenu ul li a{
				display:block;
				padding: 6px 0 6px 52px;
				color:#30558d;
				background-repeat:no-repeat;
				background-position:  15px 7px;
				-webkit-transition:all 0.3s ease-in;
				font-weight: bold;
				border-left: 4px solid #fff; 
			}
			#centro #submenu ul li a.novo{background-image:url(../imgs/icones/16/adicionar.png);}
			#centro #submenu ul li a.excluir{background-image:url(../imgs/icones/16/lixo.png);}
			#centro #submenu ul li a.priorizar{background-image:url(../imgs/icones/16/priorizar.png);}
			#centro #submenu ul li a:hover{
				border-left: 4px solid #e5e5e5; 
			}
#centro #principal{
	padding: 6px;
	overflow: hidden;
	color: #333;
	height: 100%;
}

/**********LISTA***********/
div.listaContainer h2.titulo{
	margin:5px 0;
}
div.listaContainer input.busca{
	width:374px;
	border:1px solid #bbb;
	border-radius: 5px;
	margin:5px 0;
	padding-left:25px;
	font-size:14px;
	line-height:20px;
	background:url(../imgs/icones/16/lupa.png) 4px 2px no-repeat;
}
div.listaContainer div.oredenador{
	margin:8px 0;
}
	div.listaContainer div.oredenador span.ui-button-text{
		padding:.1em 1em;
	}
div.listaContainer ul.lista{
	margin:5px 0;
}
	div.listaContainer ul.lista li{
		overflow:hidden;
		padding:5px;
		margin-bottom:-1px;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
	}
	
	div.listaContainer ul.lista li.ui-selectee:hover{
		background-color:#f3f3f3;
	}
	div.listaContainer ul.lista li.ui-selected{
		background-color:#f3f3f3;
	}
	
/***********LISTA*************/	

#listaBacklogs{
	height:100%;
}
	#listaBacklogs ul.lista li.ui-selectee{
		padding-left: 30px;
		background-image: url(../imgs/icones/16/desmarcado.png); 
		background-position: 5px 50%;
		background-repeat: no-repeat;
	}
	#listaBacklogs ul.lista li.ui-selected{
		background-image: url(../imgs/icones/16/marcado.png);
	}
	#listaBacklogs ul.lista li div.intro-backlog{
		float: left;
	}
		
		#listaBacklogs ul.lista li button.bt-editar{
			float: right;
			margin-left:5px;
			width:22px;
			height:20px;
			background:#fff url(../imgs/icones/16/editar.png) 2px 50% no-repeat;
		}
		#listaBacklogs ul.lista li button.bt-expandir{
			float: right;
			margin-left:5px;
			width:22px;
			height:20px;
			background:#fff url(../imgs/icones/16/expandir.png) 2px 50% no-repeat;
		}
/*********** FIM LISTA *************/
/************* DIALOG **************/
.dialog{
	display: none;
}
/*********** FIM DIALOG ************/

#rodape{
	background-color: #0f435e;
	height:40px;
	width: 100%;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
	/*
	div.listaContainer ul.lista li:first-of-type{
		border-top: 1px solid #bbb;
	}
	div.listaContainer ul.lista li.ui-sortable-helper{
		border:1px solid #bbb;
	}
	div.listaContainer ul.lista li.ui-sortable-placeholder{
		border:1px #bbb dashed;
		visibility:visible !important;
		margin:2px 0;
	}
	
		div.listaContainer ul.lista li div.intro-backlog{
			float: left;
			margin-left: 10px;
		}
	
		
		div.listaContainer ul.ui-sortable li span.icone-acao{
			background:url(../imgs/icones-p-a.png) 0 -115px no-repeat;
		}
		div.listaContainer ul.ui-selectable li span.icone-acao{
			background:url(../imgs/icones-p-a.png) 0 -140px no-repeat;
		}
		div.listaContainer ul.ui-selectable li.ui-selected span.icone-acao{
			background:url(../imgs/icones-p-a.png) 0 -170px no-repeat;
		}*/